@charset "utf-8";
/* CSS Document */
.max-width2{
	max-width:1200px;
}
.font-size1{
	font-size:1.25rem;
	padding-bottom:2rem;
}
.p-b-seo{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_seo.jpg) top center no-repeat;
}
.p-b-site{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_site.jpg) top center no-repeat;
}
.p-b-case{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_case.jpg) top center no-repeat;
}
.p-b-about{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_about.jpg) top center no-repeat;
}
.p-b-mobile{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_mobile.jpg) top center no-repeat;
}
.p-b-contact{
	color:#fff;
	height:530px;
	background:url(../images/pbanner_contact.jpg) top center no-repeat;
}
.pbanner h1{
	color:#fff;
	margin-top:150px;
}
.pbanner h3{
	color:#fff;
}
.cate h1{
	padding:1.5rem;
	padding-bottom:0.5rem;
}
.p-cate .card-body p{
}
.p-cate .card-body{
	padding:2.5rem;
	border-right:1px #eee solid;
}
.p-cate h5{
	font-weight:700;
	margin-bottom:1.5rem;
}
.case-intro{
	padding-bottom:2rem;
	border-top:1px #eee solid;
}
.case-intro h2{
	padding-top:1rem;
	line-height:6rem;
	
}
.case-intro h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-bottom: 30px;
    background-color: #ff4229;
}
.case-linian{
	color:#fff;
	text-align:center;
	background:#222 url(../images/pbanner_mobile.jpg) center top no-repeat;
	padding-top:5rem;
	padding-bottom:6rem;
}
.title-twin_en {
    color: #fff;
    font-size: 36px;
    font-family: Arial;
    line-height: 40px;
    font-family: Arial;
    text-transform: uppercase;
}
.case-linian h5{
	color:#fff;
	margin-top:2rem;
}
.title-twin_ln {
    display: block;
    width: 50px;
    height: 3px;
    margin: 36px auto 50px;
    background-color: #ff4229;
}
.case-xinshang{
	text-align:center;
	padding-top:5rem;
}
.case-xinshang .title-twin_en {
    color:#222;
}

.case-content{
	max-width:1200px;
	margin-top:1rem;
	margin-bottom:5rem;
}
.case-content img{
	width:100%;
	height:auto;
}
.c-page{
	text-align:center;
	font-size:1.5rem;
	line-height:5rem;
	padding:0rem !important;
	border-top:1px #eee solid;
}
.c-page a{
	display:block;
	color:#666;
	border-right:1px #eee solid;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.c-page a:hover{
	font-size:2rem;
	color:#fff;
	background-color:rgb(0, 124, 230);
}

.news-li{
	margin-top:3rem;
}
.news-li .card{
	border-bottom:1px #eee solid;
}

.news-cont{
	padding:2rem;
}
.news-cont .news-title{
	padding-bottom:1rem;
}

.pnews{
	padding-bottom:4rem;
}
.pnews .card{
	border-radius:0;
	background:none;
	border:none;
}
.pnews .card-body{
	border:1px #ccc solid;
}
.pnews  .card-text{
	height:2.25rem;
}
.pnews .date{
	color:#999;
	font-size:1.25rem;
	margin-bottom:0 !important;
}
.pnews .card-body:hover{
	border:1px #007ce6 solid;
}
.pnews .card-body:hover p{
	color:#007ce6;
}

.about{
	padding-bottom:5rem;
}

.mobile{
	padding:0px !important;
}
.mobile .row{
	padding:5rem;
	margin:0px !important;
}
.mobile-1{
	background-color:#fff;
}
.mobile-2{
	background-color:#FF9999;
}
.mobile-3{
	background-color:#6666CC;
}
.mobile-4{
	background-color:#003366;
}
.m-img{
	text-align:center;
}

.mobile h2{
	margin-top:5rem;
}
.mobile .txt2{
	color:#999;
	width:20rem;
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:1px #eee solid;
}
.mobile .color-white h2, .mobile-2 h2, .mobile-3 h2, .mobile-4 h2, .mobile-5 h2{
	color:#fff;
	
}
.mobile .color-white .txt2, .mobile-2 .txt2, .mobile-3 .txt2, .mobile-4 .txt2, .mobile-5 .txt2{
	color:#fff;
}
.mobile .color-white{
	color:#fff;
}
.mobile .color-light h2{
	color:#fff;
	
}
.mobile .color-light .txt2{
	color:#ddd;
}
.mobile .color-light{
	color:#ddd;
}
.mobile-2 p, .mobile-3 p, .mobile-4 p, .mobile-5 p{
	color:#fff;
}

@media (max-width: 768px) {
	.pbanner .display-4{
		font-size:2rem;
	}
	.pbanner h3{
		font-size:1.25rem;
	}
	.mobile-t h1{
		font-size:1.25rem;
		padding:0rem;
	}
	.mobile-t .index-title2{
		text-align:center;
	}
	.mobile-t .index-title2 div{
		margin-top:1rem;
	}
	.mobile-t .font-size1{
		font-size:0.75rem;
		margin-top:1rem;
		padding-bottom:0rem !important;
	}
	.p-cate{
		padding-bottom:5rem;
	}
    .p-cate .card-body{
		padding:1.25rem;
		border:1px #eee solid;
    }
    .p-cate .card-body h5{
		margin-bottom:0.8rem;
	}
	.p-cate .card-body p{
		color:#555;
	}
	.mobile .row{
		padding:4rem 0.8rem;
	}
	.mobile h2{
		font-size:1.5rem;                                                      
   	    margin-top: 2rem;
	}
	.mobile h4{
		font-size:1rem;
	}
	.case-intro h2{
		font-size:1.5rem;
		line-height:4rem;
	}
	.news-banner{
		margin-bottom:0rem;
	}
	.news-cont{
		padding:0rem;
		padding-top:2rem;
	}
	
	.news-li{
		margin-top:1rem;
	}
	.news-title{
		margin-bottom:0rem;
	}
	.news-title h2{
		font-size:1.5rem;
	}
	.news-title p{
		font-size:1rem;
		font-weight:normal;
		padding-bottom:0rem;
	}
	.c-page{
		font-size:1rem;
		line-height:3rem;
		padding:0rem !important;
		border-top:1px #eee solid;
	}
	.c-page a:hover{
		font-size:1rem;
	}
}